<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        
        <ui:define name="title">
            Escrituras de Testamento
        </ui:define>        

        <ui:define name="content">
            <h:form id="visualizarTestamentoForm">

                <p:messages autoUpdate="true" />

                <p:fieldset legend="Dados">

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Número:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.numero }" />
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Tipo do Ato:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.atoTipoEP.descricao }" />
                        </div>

                        <div class="column2 bold">
                            <p:outputLabel value="Data do Testamento:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.dataTestamento }">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </p:outputLabel>
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Livro:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.livro }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Complemento do Livro:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.livroComplemento }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Folha:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.folha }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Complemento do Folha:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.folhaComplemento }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Observação:" />
                        </div>
                        <div class="column8 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.observacao }" />
                        </div>
                    </div>

                </p:fieldset>

                <p:fieldset legend="Revogação" rendered="#{ managerPesquisarTestamento.testamentoVisualizar.atoTipoEP.tipoAtoRCTO == 'REVOGACAO' }">
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Data da Revogação:" />
                        </div>
                        <div class="column3 large_text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.dataRevogacaoTestamento }">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </p:outputLabel>
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Livro:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.livroRevogacao }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Complemento do Livro:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.livroComplementoRevogacao }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Folha:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.folhaRevogacao }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Complemento do Folha:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.folhaComplementoRevogacao }" />
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Cidade:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.cidadeRevogacao.nome }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Estado:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.estadoRevogacao.nome }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Cartório:" />
                        </div>
                        <div class="column8">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.cartorioRevogacao }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Desconhecido:" />
                        </div>
                        <div class="column8 large_text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.desconhecido }" />
                        </div>
                    </div>

                </p:fieldset>

                <p:fieldset legend="Testador">
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Nome:" />
                        </div>
                        <div class="column8 large_text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.testador.nome }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Nome da Mãe:" />
                        </div>
                        <div class="column8 large_text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.testador.nomeMae }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Nome do Pai:" />
                        </div>
                        <div class="column8 large_text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.testador.nomePai }" />
                        </div>
                    </div>                    

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="CPF:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.adicionarMascaraCPF(managerPesquisarTestamento.testamentoVisualizar.testador.cpf) }" />
                        </div>

                        <div class="column2 bold">
                            <p:outputLabel value="Data de Nascimento:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.testador.dataNascimento }">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </p:outputLabel>
                        </div>
                    </div>                    
                    
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="RG:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.testador.rg }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Orgão emissor:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.testador.orgaoEmissor }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="RNE:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.testador.rne }" />
                        </div>

                        <div class="column2 bold">
                            <p:outputLabel value="Outros:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTestamento.testamentoVisualizar.testador.outros }" />
                        </div>
                    </div>

                </p:fieldset>

                <p:fieldset legend="Selos">

                    <p:dataTable value="#{ managerPesquisarTestamento.selosEPVisualizar }" var="seloEP"
                                 rows="5" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhuma selo adicionada">

                        <p:column headerText="Número" width="30%">
                            <h:outputText value="#{ seloEP.numero }" />
                        </p:column>
                        <p:column headerText="Série" width="30%">
                            <h:outputText value="#{ seloEP.serie }" />
                        </p:column>
                        <p:column headerText="Tipo" width="35%">
                            <h:outputText value="#{ seloEP.tipoSelo.nome }" />
                        </p:column>
                    </p:dataTable>
                    
                </p:fieldset>

                <p:fieldset legend="Anexos">
                    <p:panel styleClass="thumbnail" rendered="#{ managerPesquisarTestamento.anexosVisualizar.size() == 0 ? false : true }">
                        <ui:repeat value="#{ managerPesquisarTestamento.anexosVisualizar }" var="anexo">
                            <h:outputLink
                                value="#{ anexo.tipo ne 'application/pdf' ? 'viewImage.xhtml' : 'show' }" title="#{ anexo.nomeExibicao }"  target="_blank">

                                    <p:graphicImage rendered="#{ managerImagem.imagem(anexo) }"
                                                    url="#{ managerImagem.urlThumbnailImagem(anexo) }" />
                                    <p:outputLabel styleClass="nome_anexo" value="#{ managerImagem.nomeAnexo(anexo) }"
                                                rendered="#{ managerImagem.imagem(anexo) }"/>
                                    <p:graphicImage height="100" width="100" rendered="#{ managerImagem.PDF(anexo) }" 
                                                    url="#{ managerImagem.urlPDF }" />
                                    <p:outputLabel styleClass="nome_anexo" value="#{ managerImagem.nomeAnexoPdf(anexo) }" 
                                                rendered="#{ managerImagem.PDF(anexo) }"/>
                                    <f:param name="annex" value="#{managerImagem.urlVisualziarImagem(anexo)}"/>

                            </h:outputLink>
                        </ui:repeat>
                    </p:panel>
                </p:fieldset>

                <div class="command">
                    <p:button value="Voltar" icon="ui-icon-arrowreturn-1-w" href="pesquisarTestamento.xhtml" />
                </div>              
                
            </h:form>

        </ui:define>
    </ui:composition>
    
</html>